﻿.title1{text-align:center;padding:50px 0}
.title1 p{font-size:24px;line-height:40px;color:#C3C3C3}
.title1 h2{line-height:35px;background:url(../images/index/001_11.jpg) repeat-x 0 23px;height:32px}
.title1 span{display:inline-block;font-size:34px;padding:0 11px;background:#fff;color:#DA1310;font-family:"Times New Roman",Georgia,Serif}
.title2{text-align:center;padding:37px 0;position:relative}
.title2 p{font-size:30px;line-height:40px;color:#AEBAC1}
.title2 h2{line-height:35px;height:32px}
.title2 span{display:inline-block;font-size:34px;padding:0 45px;color:#DA1310;background:linear-gradient(to right,#CBE2F0,#DFEDF6);font-family:"Times New Roman",Georgia,Serif}
.title2 h2:after{content:'';display:block;width:590px;height:2px;background:rgb(218,19,16,1);position:absolute;bottom:42px;z-index:-1;left:50%;margin-left:-295px}
.color{color:#29A21F}
/*product*/
#product{padding-bottom:37px}
.iprolist{width:100%}
.iprolist li{float:left;width:13%;box-sizing:border-box;margin-right:-1px;line-height:38px;text-align:center;border-radius:5px;margin:0.5%}
.iprolist a{display:block;font-size:20px;font-weight:bold;box-shadow:2px 2px 6px #666;border-radius:5px;font-family:"Times New Roman",Georgia,Serif}
.iprolist a:hover{background:#DA1310;color:#fff}
.iproduct{margin-top:50px}
.iproduct li{float:left;width:286px;margin-right:18px;margin-bottom:33px}
.iproduct li:nth-child(4n){margin-right:0}
.iproduct a{}
.iproduct div{height:213px;border:2px solid #CACACA;border-bottom:0}
.iproduct img{max-width:100%;max-height:100%;margin:0 auto;display:block}
.iproduct p{text-align:center;line-height:46px;font-size:20px;color:#fff;background:rgba(218,19,16,0.8)}
.iproduct p:hover{background:rgb(218,19,16)}

/*about*/
#about{background:url(../images/index/bg2.png) center;padding-bottom:1px}
.iabout-con{max-width:1000px;margin:12px auto 0;padding:43px 53px 70px;font-size:21px;color:#fff;line-height:30px;background:rgba(218,19,16,0.8)}
#about a{display:block;width:140px;line-height:42px;margin:59px auto 30px;background:#DA1310;text-align:center;font-size:25px;color:#fff;border-radius:21px}
/*hot product*/
#ihotpro{padding:5px 0 0 0}
.ihotpro{margin:10px auto 0;overflow:hidden}
.ihotpro li{float:left;width:352px;height:281px;margin:0px 15px 39px;border:3px solid #C5C5C5;text-align:center;position:relative}
.ihotpro a{}
.ihotpro div{width:100%;height:100%}
.ihotpro img{display:block;max-width:100%;max-height:100%;margin:0 auto;vertical-align:middle}
.ihotpro p{text-align:center;line-height:281px;position:absolute;width:100%;top:0;left:0;color:#fff;font-size:25px;background:rgba(218,19,16,0.5);transition:0.5s all;transform:scale(0)}
.ihotpro a:hover p{transform:scale(1)}
#ihotpro>a{display:block;width:140px;line-height:42px;margin:5px auto 66px;background:#DA1310;text-align:center;font-size:25px;color:#fff;border-radius:21px}
/*youshi*/
#ys{padding:73px 0 64px 0;background:url(../images/index/bg.jpg) center}
.ys{box-sizing:border-box;padding-left:27px}
#ys dl{float:left;width:235px;margin:0 24px;border:2px solid #fff}
#ys dl:last-child{margin-right:0}
#ys dt{width:100%;height:171px;position:relative;background-image:url(../images/index/ys.png);background-repeat:no-repeat}
#ys dt:after{display:block;content:'';height:3px;width:50px;background:#fff;position:absolute;bottom:0;left:50%;margin-left:-25px}
#ys dd{line-height:51px;text-align:center;font-size:25px;color:#fff}
.ys1 dt{background-position:55px 19px}
.ys2 dt{background-position:-233px 19px}
.ys3 dt{background-position:-519px 19px}
.ys4 dt{background-position:-807px 19px}
/*news*/
#news{padding:22px 0 0 0}
.inewslist{line-height:59px;padding-top:1px;border-bottom:3px solid #CDCDCD}
.inewslist li{float:left;width:220px;text-align:center;line-height:59px;font-size:20px}
.inewslist .on{background:#DA1310;color:#fff}
.inewslist a{float:right;font-size:20px}
.inews{padding-bottom:71px}
.inews>div{margin-top:46px;display:none}
.inews .on{display:block}
.inewsL{float:left;max-width:499px}
.inewsL img{display:block;max-width:100%}
.inewsR{float:right;max-width:580px}
.inewsR dl{border-bottom:1px dashed #ccc;line-height:51px;height:51px}
.inewsR dt{float:left}
.inewsR dd{font-size:19px;float:right;color:#999}
.inewsR p{display:none;line-height:18px}
.inewsR dl:first-child{padding-bottom:13px;height:auto}
.inewsR dl:first-child dt{line-height:20px;float:none}
.inewsR dl:first-child dt a{font-size:19px;font-weight:bold;color:#666}
.inewsR dl:first-child dd{line-height:40px;float:none}
.inewsR dl:first-child p{display:block}
#yqlj{line-height:35px;background:#BFBFBF}
#yqlj span{color:#DA1310;font-size:18px}
#yqlj a{font-size:16px;color:#fff}

@media only screen and (min-width: 100px) and (max-width: 640px) {
	.iprolist li{width: 49%;box-sizing: border-box;}
	.iproduct li{width: 48%;float:left;margin:1%;}
	.iproduct div{height:150px;}
	#about{background:rgba(218,19,16,0.8)}
	.title2 h2:after,#footer{display:none;}
	#ys dl{width: 48%;float:left;margin: 1%;box-sizing: border-box;}
	.inewslist li{width:30%;}
	.title2 span{background:none;color:#fff}
	.iabout-con{background:none;border: 2px solid;padding: 10px;margin: 20px;}
}